<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div {
            /* 字体大小和样式 */
            font-style: italic;
            font-family: '宋体';

            font-size: 80p;
        }
    </style>

    <style>
        /* .font-size .one {
            font-size: 40px;
        }

        .font-size .two {
            font-size: 20px;
        } */

        p {
            /* 粗细控制 */
            /* font-weight: bold; */
            /* font-weight: bolder; */
            /* font-weight: lighter; */
            font-weight: 600;
            /* font-style: italic; */
            font-style: oblique;

            /* 文本缩减 */
            text-indent: 2em;

            /* 文本装饰 */
            /* 给文本添加下划线 */
            text-decoration: underline;
            /* 给文本添加上划线 */
            text-decoration: overline;
            /* 删除线 */
            text-decoration: line-through;
            /* 去掉装饰 */
            text-decoration: none;

            /* 行高 */
            line-height: 200px;
        }

        /* 文本对齐 */
        h1 {
            text-align: center;
        }

        h2 {
            text-align: left;
        }

        h3 {
            text-align: right;
        }
    </style>
</head>

<body>
    <div>这是宋体</div>

    <!-- <div class="font-size">
        <div class="one">
            大大大
        </div>
        <div class="two">
            小小小
        </div>
    </div> -->

    <!-- 分割线 -->
    <hr>

    <h1>居中</h1>
    <h2>居左</h2>
    <h3>居右</h3>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure, consequuntur commodi asperiores neque culpa
        voluptatem tempora enim illo doloremque consequatur labore dignissimos eius distinctio laboriosam nam nemo
        totam, fugit rem.</p>
</body>

</html>